<template>
    <transition name="fade" mode="out-in">
        <keep-alive :include="cachedViews">
            <router-view></router-view>
        </keep-alive>
    </transition>
</template>

<script>
export default {
    data () {
        return {

        }
    },

    props: ['cachedViews']
}
</script>

<style scoped>
    /* 页面切换的时候执行的动画 */
	.fade-enter-active, .fade-leave-active {
		transition: opacity .3s;
	}
	.fade-enter, .fade-leave-to {
		opacity: 0;
	}
</style>